<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>分页</title>
    <style>
        *{
            margin: 0 0;
            padding: 0 0 ;
        }

        div{
            width: 800px;
            margin: 200px auto;
            text-align: center;
        }
        table{
            width: 600px;
            /*height: 400px;*/
            margin: 0 auto;
        }
        tr{
            height: 60px;
        }
        td{
            text-align: center;
        }
        ul{
            list-style: none;
            margin: 30px auto;

        }
        li{
            width: 40px;
            display: inline-block;
            border:1px solid blue;
            margin:0 5px;
        }
        a{
            display: block;
            line-height: 40px;
            font-size: 24px;
            color:black;

        }
        span{
            font-size: 24px;
            line-height: 40px;
            color: red;
        }
    </style>
</head>
<body>
<div><table border="1" cellspacing="0">
    <tr bgcolor="#7fffd4">
        <th>编号</th>
        <th>姓名</th>
        <th>性别</th>
        <th>邮箱</th>
        <th>价格</th>
    </tr>
    {volist name='$list' id='obj' mod=2}
    {eq name='mod' value='1'}
    <tr bgcolor="#6495ed">
        {else/}
        <tr>
        {/eq}
        <td>{$obj.id}</td>
        <td>{$obj.username}</td>
        <td>{$obj.gender}</td>
        <td>{$obj.email}</td>
        <td>{$obj.price}</td>
    </tr>

    {/volist}
</table>
    {$list|raw}
    {$page|raw}
</div>

</body>
</html>